<template>
  <div class="header_nav">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'header_nav',
  data () {
    return {
    }
  },
  mounted(){
  },
  methods:{
    returnBack(){
      console.log('a')
    }
  }
}
</script>
<style scoped>
.header_nav{width: 100%;height: 50px;position: fixed;top: 0;}
.header_nav img{width: 22px;height: 22px;position: absolute;top: 14px;}
.rightImg{right: 20px;}
.returnImg{left: 20px;}
.return{position: absolute;width: 30px;height: 30px;top: 10px;left: 5px;}
.return:before{content: "";position: absolute;width: 12px;height: 12px;border: 1px solid #ccc;border-width: 1px 0 0 1px;-webkit-transform: rotate(315deg);-ms-transform: rotate(315deg);transform: rotate(315deg);top: 8px;left: 7px;}
</style>
